<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>004_定时调用</title>
</head>
<body>
    <h1 id="count">0</h1>

<script type="text/javascript">
    /**
     *
     *
     */
    var count = document.getElementById("count");

    /**
     * setInterval() 定时调用
     *  可以将一个函数每隔一段时间执行一次
     *  参数：
     *      1. 回调函数，该函数会每隔一段时间被调用一次
     *      2. 每次调用间隔的时间，单位是毫秒 , 1000毫秒 = 1秒
     *  返回值：
     *      返回一个Number类型的数据， 这个数字作为定时器的唯一标识
     */
    var num = 1;
    var timer = setInterval(function () {
        count.innerHTML = num++;

        if(num == 11) { // 当页面数字为10的时候关闭该定时器
            clearInterval(timer);
        }
    }, 1000);

    console.log(timer);

    /**
     * 可以用来关闭一个定时器，方法中需要一个定时器标识作为参数，这样将关闭标识对应的定时器
     * 可以接收任意参数，如果参数是一个有效的定时器标识，则停止对应的定时器，如果参数不是一个有效的标识，则什么也不做。
     */
    // clearInterval(timer);




</script>
</body>
</html>